<!--
 * @Author: your name
 * @Date: 2022-04-26 19:26:00
 * @LastEditTime: 2022-04-26 21:05:15
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \二阶段 作业\作业\打字游戏.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div{position: fixed; font: 60px/60px "";font-weight: 900;}
	</style>
</head>
<body>
	
</body>
</html>
<script>
//事件：onkeydown
//当你漏掉某一个字符的时候  你需要把这个字符给删除掉  并且把它自带的定时器给关闭掉
//
//当你打出的字符跟页面上的某一个字符相等的时候  字符消失  定时器关闭
var sss;
sss = setInterval(function(){
	var div = document.createElement('div');
	
	// String.fromCharCode() 可接受一个指定的 Unicode 值，然后返回一个字符串
	// console.log(String.fromCharCode(69));  E
	var code = String.fromCharCode(Math.floor(Math.random()*(90-65+1)+65))
	div.innerHTML = code;
	var l = parseInt(Math.random()*1000)
	div.style.left = l+'px';
	document.body.appendChild(div)
	move(div)
},1000)


function move(ele){
	var t = 0;
	var timer = setInterval(function(){
			t+=2;
			ele.style.top = t+'px';

			if(t >= document.documentElement.clientHeight-60){
				clearInterval(timer);
				
				ele.parentNode.removeChild(ele);
				
			}
	},50)
}

//打字的执行的代码
document.onkeydown = function(e){
	var e = e||event;
	var aDiv = document.getElementsByTagName('div');
	for(var i=0;i<aDiv.length;i++){
		if(aDiv[i].innerHTML == String.fromCharCode(e.keyCode)){
				// aDiv[i].remove()
				aDiv[i].parentNode.removeChild(aDiv[i])
		}
	}
}
</script>